<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<link href="../shared_v2/styles.css" rel="stylesheet" type="text/css" />
<!-- the order of these matters -->

<script src="scripts/mapblog_globals.js" type="text/javascript"></script>
<script src="../shared_v2/xmlhttp.js" type="text/javascript"></script>
<script>
var args = getArgs();
if (args.sec) {
	g_section = args.sec;
	g_category = args.category;
}


pageStr="../shared_v2/mapblog_data_maketable.php?category=module2&sec=" + args.sec + "&cid=" + g_courseid;
processajax("thelist", pageStr);


</script>

</head>

<body style="">
	<div id="toolbar">
	<table width="100%" border="0">
	<tr >
	<td valign="top" width="129px"><img src="../shared_v2/images/esc_logo.gif" alt="ESC Logo" width="129" height="90" border="0"/></td>
	<td valign="middle" width="800px"><span class="legend">MapBlog Data Management Utility for&nbsp;<script>document.write(g_course_title);</script></span><br />
		  <span class="sidebar_instructions">This utility allows you (the instructor) to see a list of the locations each student in your class has added to the MapBlog. The markers are sorted by student ID. Be aware that if a student has not consistently used the same ID, there may be more than one ID for the same person.</span></td>
	</tr>
	</table>
	</div>
	
		<div id="thelist">
		</div>
</body>

<script>
////////////////////////////////////////////////////////////////////////////////////
function makeDataTable() {

	var dataArrayLen = markers.length;
	tableStr = "<table style='font-size:9pt;width:1000px;'>";
	tableStr = tableStr + "<tr style='background:#DDDDAA;'><td width='100px'><b>Student ID</b></td><td width='200px'><b>Marker Label</b></td>"
		+ "<td><b>Marker URL</b></td><td width='200px'><b>Added on</b></td><td width='200px'><b>Module</b></td></tr>";
		
	for(i=0; i<dataArrayLen; i++) {
		tempVar = i % 2;
		if (tempVar == 0) {
			rowStyle ="";
		} else {
			rowStyle ="style='background:#DDDDDD;'";
		}
		theMarkerUrl = markers[i].url;
		tableStr = tableStr + "<tr " + rowStyle + "><td>" + markers[i].userid + "</td><td>" + markers[i].name 
			+ "</td><td>" + theMarkerUrl.substr(0, 40) + "</td><td>" + markers[i].add_date + "</td><td>" + markers[i].category + "</td></tr>";
	}
	tableStr = tableStr + "</table>";	
	pageElement = document.getElementById('thelist');
	pageElement.innerHTML = tableStr;
}



</script>
</html>